<!--
 * @Author: luojianfeng
 * @Date: 2022-12-14 09:35:42
 * @LastEditTime: 2023-03-23 15:13:14
 * @LastEditors: luojianfeng
 * @Description:
-->
<template>
  <el-config-provider :locale="zhCn" namespace="dc">
    <RouterView />
  </el-config-provider>
</template>
<script setup lang="ts">
import zhCn from 'element-plus/lib/locale/lang/zh-cn'

// https://github.com/vueuse/head
// you can use this to manipulate the document head in any components,
// they will be rendered correctly in the html results with vite-ssg
useHead({
  title: 'template-manage',
  meta: [
    { name: 'description', content: 'template-manage' },
    {
      name: 'theme-color',
      content: computed(() => (isDark.value ? '#00aba9' : '#ffffff'))
    }
  ],
  link: [
    {
      rel: 'shortcut icon',
      type: 'image/x-icon',
      href: computed(() =>
        preferredDark.value ? './favicon.ico' : './favicon.ico'
      )
    }
  ]
})
</script>
